<template>
  <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"  :current-page.sync="paginations.currentPage" :page-sizes="[10,20,30, 50]" :page-size="paginations.pageSize" layout="sizes, prev, pager, next" :total="paginations.totalNum">
    </el-pagination>
</template>
<script>
export default {
  props: {
    paginations: {
      totalNum: 0,
      currentPage: 1,
      pageSize: 10
    }
  },
  methods: {
    handleSizeChange(val) {
      this.$emit('handleSizeChange', val)
    },
    handleCurrentChange(val) {
      this.$emit('handleCurrentChange', val)
    }
  }
}
</script>
